<template>
   <div>
       <typeNav></typeNav>
       <div style="margin:0 auto">
           <h2 style="color: red">search</h2>
           <strong>keyword:{{keyword}}</strong> <br>
           <strong>categoryName:{{categoryName}}</strong> <br>
           <strong>category1Id:{{category1Id}}</strong> <br>
           <strong>category2Id:{{category2Id}}</strong> <br>
           <strong>category3Id:{{category3Id}}</strong>
       </div>
   </div>
</template>

<script>
export default {
    name: "search",
    // props:["keyword","categoryName","category1Id","category2Id","category3Id"],
    props:{
        keyword:String,
        categoryName:String,
        category1Id:String,
        category2Id:String,
        category3Id:String,
    },
    watch:{
        $route:{
            handler(){
                console.log(this.$route);
                //获取this.keyword 发送请求获取对应的商品数据
            },
            immediate:true,
            deep:true
        }
    },
    mounted(){

    }
}
</script>

<style scoped>

</style>